@pad-rl: 14px;
@mg-tb: 18px;

.publish{
  .ant-tabs-nav .ant-tabs-tab-inner{
    padding: 8px 14px;
  }
  .wx-type-content{
    padding:30px 20px;
    p{
      padding: 10px 0;
    }
    .wea-search-group{
      padding: 0;
      .wea-form-cell{
        padding: 0;
      }
    }
    .wea-form-item-label{
      text-align: right;
      padding-right: 14px;
    }
  }
  .setting-content{
    padding: 20px;
    color: #555;
    font-size: 13px;
    p {
      padding: 10px 0;
    }
    button {
      margin-left: 10px;
    }
    .title {
      position: relative;
      font-size: 14px;
      line-height: 30px;
      color: #333;
      padding: 0 @pad-rl;
      background: #f4f4f4;
    }
  }
  .setting-wechat{
    .wechat-type{
      p{
        margin-top: 10px;
        line-height: 30px;
        padding: 0 14px;
        color: #333;
        background: #f4f4f4;
      }
      .ant-tabs{
        padding-left: 14px;
      }
      .ant-row{
        padding-left: 14px;
        margin-top: 10px;
      }
      label{
        line-height: 30px;
      }
    }
    .setting-left,
    .setting-right{
      float: left;
      width: 50%;
    }
    .setting-left{
      position: relative;
      padding-right: 6px;
      padding-left: 14px;
      .anticon-loading{
        color: #009AFF;
        font-size: 24px;
        position: absolute;
        top: 42px;
        left: 20px;
      }
    }
    .setting-right{
      padding-left: 6px;
    }
    .we-bg{
      width: 100%;
      height: 100%;
    }
    .diy-icon{
      width: 35px;
      height: 35px;
      vertical-align: middle;
    }
    .pre-icon{
      width: 10%;
    }
    .upload-icon{
      position: relative;
      display: inline-block;
      color: #009AFF;
      margin-left: 10px;
      overflow: hidden;
      input{
        position: absolute;
        width: 200px;
        height: 100%;
        top: 0;
        right: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
      }
    }
    .icon-wrap{
      height: 94px;
      margin-top: 11px;
      border: 1px solid #E9E9E9;
      padding: 7px 2px;
      overflow-y: hidden;
      &:hover{
        overflow-y: auto;
      }
    }
    .we-icon{
      display: inline-block;
      margin: 3px;
      width: 35px;
      height: 35px;
      cursor: pointer;
      &:hover{
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
      }
      &.active{
        box-shadow: 0 0 0 1px #009AFF;
      }
    }
    .mes-pre,
    .friend-pre{
      position: relative;
    }
    .pre-icon,
    .we-title,
    .we-desc{
      position: absolute;
    }
    .pre-icon{
      width: 30px;
      height: 30px;
    }
    .mes-pre{
      height: 145px;
      .we-title{
        top: 31%;
        left: 12%;
        width: 41%;
        overflow: hidden;
      }
      .we-desc{
        color: #999;
        top: 44%;
        left: 12%;
        width: 41%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        word-break: break-word;
      }
      .pre-icon{
        top: 44%;
        left: 65%;
      }
    }
    .friend-pre{
      height: 140px;
      .we-title{
        top: 43%;
        left: 34%;
        width: 56%;
        overflow: hidden;
      }
      .pre-icon{
        top: 40%;
        left: 21%;
      }
    }
    .we-share-desc{
      margin-top: 12px;
    }
    textarea{
      resize: none;
    }
    .we-code{
      margin-top: 20px;
      padding-top: 20px;
      padding-left: 14px;
      border-top: 1px solid #e9e9e9;
    }
    .we-qrcode,
    .we-tip-desc{
      float: left;
    }
    .we-tip-desc{
      margin: 30px 0 0 12px;
      p{
        padding: 2px 0;
      }
    }
  }
  .qrcode{
    text-align: center;
  }
  .item{
    &>div{
      padding: 0 @pad-rl;
    }
    & > :last-child {
      margin: 20px 0;
    }
  }
  .fill{
    .wea-checkbox{
      border: 1px solid #ccc;
      padding: 6px 0 6px 16px;
      border-radius: 3px;
      margin-right: 6px;
    }
    .active .wea-checkbox{
      border: 1px solid #009AFF;
      .content{
        color: #009AFF;
      }
    }
    p:first-child {
      padding-top: 0;
    }
  }
  .form{
    .wea-checkbox{
      margin: 6px 0;
    }
    .wea-date-picker{
      margin-right: 10px;
    }
    .wea-input-number{
      width: initial;
    }
    input{
      min-height: 24px;
      height: 24px;
    }
  }
  .form_item{
    margin-bottom: 10px;
    .wea-scope span:nth-child(2) {
      padding: 0 8px 0 0 !important;
    }
  }
  .fillOpen{
    padding-bottom: 20px;
    margin-bottom: 6px;
    border-bottom: 1px solid #eee;
    span{
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;
    }
  }
  .wea-switch{
    margin-right: 12px;
    .ant-switch{
      width: 40px;
      height: 20px;
      &:after{
        top: -1px;
        width: 20px;
        height: 20px;
      }
    }
    .ant-switch-checked:after{
      left: 21px;
    }
  }
  .hide{
    display: none;
  }
}